
<div class="index confirmOrder">
  <div class="coMain">
    <div class="content-wrap">
      <h1 class="tt0">确认订单</h1>
      <div class="contactInfo">
        <h1 class="tt1">收货人信息</h1>
        <div class="box">
          <div class="oenInfo selected exitAddress">
            <p class="name">卢德华</p>
            <p class="phoneNumber">183****8888</p>
            <p class="address"><span class="txt1">浙江省 杭州市 西湖区</span><span class="detail">长宁路199号002室</span></p>
            <i class="fa fa-check currentIcon"></i>
            <span class="rewrite inlineBlock">修改</span>
          </div>
          <div class="oenInfo exitAddress">
            <p class="name">卢德华</p>
            <p class="phoneNumber">183****8888</p>
            <p class="address"><span class="txt1">浙江省 杭州市 西湖区</span><span class="detail">长宁路199号002室</span></p>
            <i class="fa fa-check currentIcon"></i>
            <span class="rewrite inlineBlock">修改</span>
          </div>
          <div class="oenInfo exitAddress">
            <p class="name">卢德华</p>
            <p class="phoneNumber">183****8888</p>
            <p class="address"><span class="txt1">浙江省 杭州市 西湖区</span><span class="detail">长宁路199号002室</span></p>
            <i class="fa fa-check currentIcon"></i>
            <span class="rewrite inlineBlock">修改</span>
          </div>
          <div class="oenInfo newAddress">
            <i class="fa fa-plus addIcon"></i>
            <p class="addInfo">添加新地址</p>
          </div>

        </div>
      </div>

      <div class="distribution">
        <p class="bor"><span class="tt1">配送方式</span><span class="font14">添品网安排发货</span></p>
        <p class="bor"><span class="tt1">发票</span><span class="invoice"><em class="check-box"></em>需要发票 <input type="text" class="input" placeholder="请填写发票抬头（选填）"><em class="txt3">如公司需要增值税发票，请拨打客服电话 400-888-8888</em></span></p>
        <div class="positionr msgBox"><span class="tt1 tt1Absolute">订单附言<em class="c-999">（选填）</em></span><span class="tt1 empty"></span>  <textarea name="" id="" cols="80" rows="1" placeholder="请输入留言内容" class="msg"></textarea></div>
      </div>

      <div class="shopList">
        <h1 class="tt1">购物车清单</h1>
        <p class="noAllTips"><i class="fa fa-info-circle"></i>抱歉，您的货品暂时都不能购买，请<a href="">返回进货单</a>修改货品</p>
        <div class="list">
          <div class="info1">
            <p class="txt"><span class="ypIcon inlineBlock">样品</span> 多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉</p>
            <img src="../images/moment/goods.png" alt="" class="img">
          </div>
          <div class="weight">0.80kg</div>
          <div class="eval"><em>￥5.00</em>×<em>1</em></div>
          <div class="onePrice">￥5.00</div>
        </div>

        <div class="list">
          <div class="info1">
            <p class="txt">多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉</p>
            <img src="../images/moment/goods.png" alt="" class="img">
            <p class="tips"><i class="fa fa-info-circle"></i>库存不足，已调整为<em>3333</em>千克</p>
          </div>
          <div class="weight">0.80kg</div>
          <div class="eval"><em>￥5.00</em>×<em>1</em></div>
          <div class="onePrice">￥5.00</div>
        </div>

        <div class="list">
          <div class="info1">
            <p class="txt">多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉</p>
            <img src="../images/moment/goods.png" alt="" class="img">
            <p class="noTips"><i class="fa fa-info-circle"></i>暂无库存，已为你扣除改商品金额</p>
          </div>
          <div class="weight">0.80kg</div>
          <div class="eval"><em>￥5.00</em>×<em>1</em></div>
          <div class="onePrice">￥5.00</div>

          <div class="noMask"></div>
        </div>

        <div class="list">
          <div class="info1">
            <p class="txt">多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉多维保辣椒粉</p>
            <img src="../images/moment/goods.png" alt="" class="img">
          </div>
          <div class="weight">0.80kg</div>
          <div class="eval"><em>￥5.00</em>×<em>1</em></div>
          <div class="onePrice">￥5.00</div>
        </div>

        <div class="subInfo0">
          <p class="left txt0">重量合计：6.50 kg    运费：￥23.00   运费说明 <span class="tip-icon">?</span></p>
          <div class="onePrice">￥903.00</div>
          <div class="eval"><em class="number">7</em>件商品，总商品金额：</div>
        </div>
        <div class="subInfo1">
          <div class="onePrice">￥25.00</div>
          <div class="eval">运费：</div>
        </div>
        <div class="subInfo2">
          <p class="left txt0"><a href="" class="returnCart">＜返回购物车修改</a></p>
          <div class="totalPrice">￥999.00</div>
          <div class="eval">应付总额：</div>
        </div>

      </div>

      <div class="payInfo">
        <a href="" class="btn-middle-default payBtn">立即支付</a>
        <p class="txt1">寄送至：<span class="address">江苏省  苏州市  吴江区  长宁路3399号402室</span></p>
        <p class="txt2">收货人：<span class="name">刘德华</span><span>13818834434</span></p>
      </div>



    </div>
  </div>

  <div class="mask"></div>
  <div class="formPop">
    <p>管理收获地址 <img src="../images/closeIcon1.png" alt="" class="closeForm"></p>
    <form action="">
      <div class="item"><span class="txt0">收获姓名<img src="../images/star.png" alt="" class="star"></span><input type="text" class="errorBor">
        <p class="errorTxt">请输入正确的中文姓名</p>
      </div>
      <div class="item"><span class="txt0">省份<img src="../images/star.png" alt="" class="star"></span>
        <select name="" id="1">
          <option value="">1111</option>
        </select>
        <select name="" id="2">
          <option value="">1111</option>
        </select>
        <select name="" id="3">
          <option value="">1111</option>
        </select>
        <p class="errorTxt">请选择省份区域</p>
      </div>
      <div class="item"><span class="txt0">详细地址<img src="../images/star.png" alt="" class="star"></span><input type="text">
        <p class="errorTxt">请输入正确的收获地址</p>
      </div>
      <div class="item"><span class="txt0">手机号码<img src="../images/star.png" alt="" class="star"></span><input type="text">
        <p class="errorTxt">请输入11位手机号码</p>
      </div>
      <div class="item"><span class="txt0">固定电话</span><input type="text"></div>
      <div class="item"><span class="txt0">邮政编码</span><input type="text"></div>
      <div class="item"><span class="txt0"></span><span class="btn-small-default confirmForm">确认</span><span class="btn-small-empty cancelForm">取消</span></div>
    </form>
  </div>

</div>


<script>
  $(function(){

    var $contactInfo=$('.contactInfo');
    $contactInfo.find('.exitAddress').on('click',function(){
      $(this).addClass('selected').siblings('.exitAddress').removeClass('selected');
    });
    $contactInfo.find('newAddress').on('click',function(){

    });

    $('.invoice').find('.check-box').on('click',function(){
      if(!$(this).hasClass('selected')){
      $(this).siblings('.input').css('display','inline-block');
      }else {
        $(this).siblings('.input').css('display','none');
      }

    });


    var $formForm=$('.formPop')
    var $mask=$('.mask');
    $('.newAddress').click(function(){
      $formForm.css('display','block');
      $mask.css('display','block');
    });

    $('.cancelForm,.closeForm').click(function(){
      $formForm.css('display','none');
      $mask.css('display','none');
    });

  })
</script>